import React, {PropTypes} from 'react';
import {connect} from 'dva';
import {routerReduc} from 'dva/router';
import {Card, Button, Tabs, Row, Col,} from 'antd';

const TabPane = Tabs.TabPane;

class ProblemReply extends React.Component {
  constructor(props) {
    super(props);
  }

  _goList() {
    this.props.changeList();
  }

  render() {
    return(
      <Card title={<div><Button icon='left' onClick={() => this._goList()}></Button><span style={{marginLeft:10}}>问题回复</span></div>} className="studentsAsk">
        <ul>
          <li>
            <div className="itemHead">
              <div className="stdInfo">
                <img src="https://zos.alipayobjects.com/rmsportal/iXsgowFDTJtGpZM.png" />
                <div className="name">
                  <p>王远正</p>
                  <p>地质一班</p>
                </div>
              </div>
            </div>
            <div className="itemContent">
              <p>11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
              <div className="date">2016-12-2</div>
            </div>
          </li>
        </ul>
        <div className="replyContent">
          <textarea className="textarea"></textarea>
          <div className="replyButton">
            <div className="expression">
              <img className="icon" src="http://www.rengzan.com/Uploads/2015/05/20/555c94339c16d.jpg" />
              <span>表情</span>
            </div>
            <Button className="buttonRight" onClick={() => this._goList()}>取消</Button>
            <Button type="primary" className="button">回复</Button>
          </div>
        </div>
        <div className="teacherReply">
          <div className="teacherHead">
            <img src="https://zos.alipayobjects.com/rmsportal/iXsgowFDTJtGpZM.png" />
            <p className="teacherName">老师名称</p>
          </div>
          <p className="itemContent">11·24丰城电厂施工平台倒塌事故是指2016年11月24日7点左右，江西省宜春市丰城电厂三期在建项目冷却塔施工平桥吊倒塌，造成横版混凝土通道倒塌事故。11·24丰城电厂施工平造成横版混凝土通道倒塌事故。</p>
        </div>
      </Card>
    );
  }
}

export default ProblemReply;
